<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8">
     <meta name="description" content="">
     <meta name="author" content="">
     
    
    <!-- Le styles -->
    <link href="{{ MEDIA_URL }}css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
      }
    </style>


    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
   
</head>
<body>

<div id="header">
   {% block navbar %}

      <div class="topbar">
      <div class="fill">
        <div class="container">
          <a class="brand" href="#">Genuis</a>
      
        
          {% if user.is_anonymous %}
    
          <form  method="post" class="pull-right" action="{% url auth_login %}?next=/"> {% csrf_token %}
             <input class="input-small"  id="id_username" name="username" type="text" placeholder="Username">
             <input class="input-small" type="password" placeholder="Password" name="password" id="id_password" >
             <button class="btn" type="submit">Sign in</button>
          </form>

          {% endif %}
         

       </div>
      </div>
    </div>
{% endblock %}



<div class="container">

      <div class="content">
        <div class="page-header">
          <h1>Welcome To Genuis <small>Here you can orgnize your thoughts</small></h1>
        </div>
        <div class="row">
          <div class="span10">
            <img class="thumbnail" src="{{ MEDIA_URL }}img/mindmap.jpg" width ="560px" height="400px" alt="Genuis"/> 
          </div>
          <div class="span4">
                   {% if form.errors %}
                   <p class="errors">Please correct the errors below: {{ form.non_field_errors }}</p>
                   {% endif %}

                  <h3>Create an account</h3>
  		  <form method="post"  action="{% url registration_register %}" > {% csrf_token %}
   			<fieldset>
                        <div class="clearfix">
                        <label>Username:</label>
   			  <div class="input">
                           <input  class="span3" id="id_username" type="text" name="username" placeholder=".span3" />
                          </div>
                        </div>

   			<div class="clearfix">
                        <label for="id_email">E-mail:</label>
   			 <div class="input">
                         <input class="span3"  id="id_email" type="text" name="email"  placeholder=".span3"/>
                         </div>
                        </div>
                        <div class="clearfix">
                        <label for="id_password1">Password:</label>
   			 <div class="input">
                         <input class="span3" id="id_password1" type="password" name="password1"  placeholder=".span3" />
   			 </div>
                        </div>
                        <div class="clearfix">
                        <label for="id_password2">Password (again):</label>
                         <div class="input">
                         <input  class="span3" id="id_password2" type="password"  name="password2" placeholder=".span3" />
                         </div>
                        </div>
                        
                        <div class="clearfix">
                         <div class="input">
                         <input  type="submit" class="btn" value="Submit" >
                         </div>
                        </div>
                        
                        </fieldset>
                  </form>
  
                     
          </div>
        </div>
      </div>

      <footer>
        <p>&copy; Genuis 2011</p>
      </footer>

    </div> <!-- /container -->

  </body>
</html>


  
</div>

